body {
    background: #F9F9FB;

}
.toparea {
    width: 100%;
    height: 40px;
    background: #FAFAFA;
}
.topareaMain {
    width: 1200px;
    margin:0 auto;
    height: 40px;
    font-size: 14px;
    color: #666666;
    line-height: 40px;
}
.topareaMain ul {
    width: 50%;
    float: left;
}
.topareaL li a{
    font-size: 14px;
    color: #666666;
    line-height: 40px;
}
.topareaL li.CDA_sq>a,.topareaL li.CDA_cp>a {
    margin-right: 4px;
}
.topareaL li.CDA_sq img ,.topareaL li.CDA_cp img{
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.topareaL li.CDA_sq:hover >img,.topareaL li.CDA_cp:hover >img {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.communityPosi,.st-list {
    display: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.communityPosiBg,.st-list-bg {
    position: absolute;
    top: 40px;
    padding: 7px 0;
    background: #fff;
    border-radius: 5px;
    width: 104px;
    border: 1px solid #eaeaea;
    z-index: 99999999;
}
.st-list-bg {
    width: 180px;
}
.topareaL li.CDA_sq:hover .communityPosi,.topareaL li.CDA_cp:hover .st-list{
    display: block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.topareaL .communityPosi a, .topareaL .st-list a{
    text-align: center;
    line-height: 26px;
    border: 0;
    padding: 0;
    display: block;
    float: initial;
    margin: 0;
    color: #666;
}
.topareaL .communityPosi a:hover,.topareaL .st-list a:hover {
    font-weight: normal;
    color: #F02929;
}
.topareaL li:hover>a {
    color:#333;
    font-weight: 700;
}
.topareaL li {
    width: 100px;
    float: left;
    margin-right: 30px;
}
.hotline {
    float: right;
}

header {
    height: 80px;
    background: #FFFFFF;
    border-bottom:1px solid #E6E6E6;
}
.headerMain {
    width: 1200px;
    margin:0 auto;
    height: 80px;
    position: relative;
}
.logo {
    float: left;
    margin-top:22px;
    margin-right: 70px;
}
.logo img {
    width: 77px;
}
nav {
    float: left;
}
nav li {
    float: left;
    margin-right: 50px;

}
nav li a {
    display: block;
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: #252525;
    line-height: 80px;
    padding:0 6px;

}
nav li a em {
    display: none;
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    height: 5px;
    border-radius: 3px;
    background: #F02929;
}
nav li a.active {
    color: #F02929;
    font-weight: 700;
}
nav li a.active em {
    display: block;
}
nav li a:hover {
    color: #F02929;
    font-weight: 700;
}
.headerR {
    float: right;
    padding-top:20px;
}
.headerR .search {
    float: left;
    width: 330px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #EAE9E9;
    padding:0 16px 0 46px;
    box-sizing: border-box;
    line-height: 40px;
    background: url("/static/2023/imgs/search.png") no-repeat 16px center;
    background-size: 20px;
}
.headerR .search input {
    float: left;
    border:none;
    background: none;
    height: 40px;
    line-height: 40px;
    width: 216px;
}
.headerR .search input::-webkit-input-placeholder {
    color:#999;
}
.headerR .search.changeCo input::-webkit-input-placeholder {
    color:#333;
}
.headerR .search button {
    float: right;
    height: 40px;
    line-height: 40px;
    border:none;
    background: none;
    font-size: 14px;
    color: #999;
    cursor: pointer;
}
.headerR .search.changeCo button {
    color:#333;
}
.logon {
    float: right;
    margin-left: 60px;
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #252525;
    line-height: 40px;
}
.logon:hover {
    color: #DD2424;
}
.mb0 {
    margin-bottom:0!important;
}
.person{
    position: relative;
    float: right;
    margin-left: 60px;
    cursor: pointer;
    transition:all .5s;
}
.person img {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    transition:all .5s;
    overflow: hidden;
}
.person:hover  img{
    transform:scale(1.2);
}
.personSele {
    display: none;
    position: absolute;
    right: 0;
    top: 46px;
    width: 128px;
    height: 136px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #EEEAEA;
    padding:20px;
    box-sizing: border-box;
}
.personSele li {
    padding-left: 22px;
    height: 24px;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    line-height: 24px;
    margin-bottom: 10px;
}
.personSele li:nth-child(1) {
    background: url("/static/2023/imgs/xinxi_n.png") no-repeat left;
    background-size: 14px;
}
.personSele li:nth-child(1):hover {
    color: #F02929;
    background: url("/static/2023/imgs/xinxi_h.png") no-repeat left;
    background-size: 14px;
}
.personSele li:nth-child(2) {
    background: url("/static/2023/imgs/mysc_n.png") no-repeat left;
    background-size: 14px;
}
.personSele li:nth-child(2):hover {
    color: #F02929;
    background: url("/static/2023/imgs/mysc_h.png") no-repeat left;
    background-size: 14px;
}
.personSele li:nth-child(3) {
    background: url("/static/2023/imgs/tuic_n.png") no-repeat left;
    background-size: 14px;
}
.personSele li:nth-child(3):hover {
    color: #F02929;
    background: url("/static/2023/imgs/tuic_h.png") no-repeat left;
    background-size: 14px;
}

/*kefu*/
.serOnline {
    position: fixed;
    right: 0px;
    bottom:50%;
}
.kfzx {
    position: relative;
    width: 223px;
    height: 103px;
    background: url("/static/2023/imgs/kfbg.png") no-repeat center;
    background-size: 223px 103px;
}
.kfzx>div {
    position: absolute;
    left: 88px;
    top: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 18px;
}
.kfzx>div span {
    display: block;
    color: #F02929;
}
.kfzx .kfbtn {
    position: absolute;
    right: 8px;
    top: 20px;
    width: 87px;
    height: 36px;
    background: #F02929;
    border-radius: 27px;
    text-align: center;
    line-height: 36px;
    color:#fff;
    border:none;
    font-weight: 700;
}
.kfzx .kfbtn:hover {
    background: #DD2424;
}
.kfMa {
    position: absolute;
    left: 80px;
    top:80px;
    width: 120px;
    height: 185px;
    padding:10px;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0px 20px 15px 0px rgba(0,0,0,0.04), 0px 13px 14px 0px rgba(0,0,0,0.08), 0px 7px 12px 0px rgba(0,0,0,0.06);
    border-radius: 4px;
}
.kfMa p {
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 26px;
    text-align: center;
}
.kfMa img {
    margin:7px auto;
}
.kfMa span {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
}

/*page*/
.zxPage {
    height: 30px;
    float: right;
    margin-right: 20px;
    margin-bottom:30px;
}
.zxPage a{

    float: left;
    width:30px ;
    height: 30px;
    border:1px solid #E9E4E4;
    border-radius:4px;
    text-align: center;
    color:#999999;
    font-size: 16px;
    margin:0 5px;
    line-height: 30px;
    transition:all .5s;
}
.zxPage a:hover {
    color:#E22525;
    border-color:#E22525;
}
.zxPage a.current_p{
    background: #F02929;
    border-color: #E22525;
    color:#fff;
}
.zxPage .pageS,.zxPage .pageP,.zxPage .pageN {
    width: 56px;
    height: 30px;
    font-size: 14px;
}

/*登录*/
html,body {
    width: 100%;
    height: 100%;
}
.tc {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left:0;
    top:0;
    background:rgba(0,0,0,.5);
}
.tcMain {
    position: absolute;
    left: 50%;
    top:50%;
    margin-left:-205px;
    margin-top:-207px;
    width: 410px;
    height: 414px;
    padding:40px;
    box-sizing:border-box;
    border-radius:8px;
    background: #fff;

    box-shadow: 0px 20px 15px 0px rgba(0,0,0,0.04), 0px 13px 14px 0px rgba(0,0,0,0.08), 0px 7px 12px 0px rgba(0,0,0,0.06);
}
.tcMain>h6 {
    font-size: 28px;
    font-weight: bold;
    color: #252525;
    line-height: 42px;
    margin-bottom: 50px;
}
.dlPhone {
    width: 100%;
    border:1px solid #E5E5E5;
    border-radius:8px;
    height: 56px;
    line-height: 56px;
    padding:0 10px;
    box-sizing: border-box;
    margin-bottom: 16px;
    font-size: 18px;
}
.yz input {
    float: left;
    border:1px solid #E5E5E5;
    width: 200px;
    height: 56px;
    line-height: 56px;
    padding:0 10px;
    box-sizing: border-box;
    font-size: 18px;
    border-radius: 8px;
}
.yzBtn {
    float: right;
    width: 110px;
    color:#fff;
    border-radius: 8px;
    background:#E7E7E7;
    height: 56px;
    line-height: 56px;
    border:none;
    cursor: pointer;
    font-size: 18px;
}
.yzBtn.yzlit {
    background: #F02929;
}
.yzBtn.yzlit:hover {
    background: #CB0202;
}
.subBtn.yzlit {
    background: #F02929;
}
.subBtn {
    display: block;
    width: 320px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    border-radius: 8px;
    background: #E7E7E7;
    border:none;
    font-size: 18px;
    color: #fff;
    margin-top:24px;
    cursor: pointer;
}
.subBtn:hover {
    color: #fff;
}
.subBtn.errTip {
    background: rgba(0,0,0,.7)!important;
}
.dlTip {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 21px;
    margin-top: 12px;
}
.dlPhone:focus,.tcYz:focus {
    border:1px solid red;
}
.dlClose {
    position: absolute;
    right: 34px;
    top:34px;
    width: 24px;
    height: 24px;
    background: url("/static/2023/imgs/close.png") no-repeat;
    background-size: 24px;
    cursor: pointer;
}
/*.errTip {*/
/*    position: absolute;*/
/*    bottom:0;*/
/*    left: 50%;*/
/*    margin-left: -160px;*/
/*    width: 320px;*/
/*    height: 60px;*/
/*    background: rgba(0,0,0,0.7);*/
/*    border-radius: 8px;*/
/*    color: #fff;*/
/*    line-height: 60px;*/
/*    font-size: 18px;*/
/*    text-align: center;*/
/*}*/

/**/
.chonav {
    width: 1200px;
    height: 22px;
    line-height: 22px;
    margin:20px auto;
}
.chonav span{
    float: left;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 22px;
}
.chonav em {
    display: inline-block;
    width: 26px;
    height: 22px;
    background: url("/static/2023/imgs/chonavarr.png") no-repeat center;
    background-size: 14px;
    vertical-align: bottom;
}
.chonav span.chonavA {
    font-weight: 700;
    color:#666;
}


/*footer*/
.footerArea {
    width: 100%;
    height: 80px;
    background: #f2f2f2;
    margin-top:40px;
}
.footbq {
    width: 1200px;
    height: 80px;
    margin:0 auto;
    line-height: 80px;
    text-align: center;
    font-size: 16px;
}

.common_user_menu_box {
    display: inline-block;
    margin-left: 60px;
    position: relative;
    height: 40px;
    width: 40px;
    overflow: visible;
}
.common_user_menu_box .user_avatar {
    width: 36px;
    height: 36px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    animation-duration: 2.5s;
    position: absolute;
    left: 0;
    right:0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.common_user_menu_box .user_avatar:hover {
    width: 40px;
    height: 40px;
}
.common_user_menu_box .common_user_menu {
    position: absolute;
    border: 1px solid #eeeaea;
    width: 124px;
    right: 0;
    top: 50px;
    background: white;
    border-radius: 8px;
    padding-top: 13px;
    padding-bottom: 13px;
    z-index: 1000;
}
.common_user_menu_box .common_user_menu .common_user_menu_item .common_user_menu_item_icon {
    height: 14px;
    width: 14px;
    background-size: contain;
    background-position: center;
    background-repeat:no-repeat;
    margin-left: 18px;
    margin-top: auto;
    margin-bottom: auto;
}

.common_user_menu_box .common_user_menu .personal_info .common_user_menu_item_icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IArs4c6QAAAJxQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA+I1M3gAAADN0Uk5TAAEDCA0PEBETFBYgISMkLS4yNTc4VFtfYmhyeIOLl5qjpqmrrLTEztnc5ebn8/j5+vv9C3PVNwAAALpJREFUGBmtwdsWgUAABdBDkmtyF7kVcp3U+f9/Y1WrmmYePNgbPzPHYxN6/XNMxuc+NBYvpl4LKEYRc9EINY2QhbAB2ZQVU8hcVriQrVmxhmzOijlklmBBWKjZsLBBXfPC3KUJhbFN+JVsDeg4nu97Dv6tbc9mdhuKzup4ezP1vh1XHZR6+4iSaN9Dzn5S8bSROVEjQCagRoDM8E7FY4hcdycoEbsuStbycBVMiethaUHRGkwmgxZ+9AGEGjcbt4FpYwAAAABJRU5ErkJggg==');

}
.common_user_menu_box .common_user_menu .personal_info:hover .common_user_menu_item_icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IArs4c6QAAAJxQTFRFAAAA/////1VV/0BA/zs7/zMz/zAw8C0t8jY28jMz8y4u9zAw9y4u8Cws8Ssr9C0t9Cws9S4u8Ssr8Soq8S4u8ysr8Soq8isr8ioq8Coq8ioq8Csr8Ssr8Coq8Soq8Ckp8Soq8Skp8Soq8Coq8Coq8Skp8Soq8Coq8Skp8Soq8Skp8Skp8Soq8Coq8Skp8Soq8Soq8Soq8Skp8CkpZJ8WzAAAADN0Uk5TAAEDCA0PEBETFBYgISMkLS4yNTc4VFtfYmhyeIOLl5qjpqmrrLTEztnc5ebn8/j5+vv9C3PVNwAAALpJREFUGBmtwdsWgUAABdBDkmtyF7kVcp3U+f9/Y1WrmmYePNgbPzPHYxN6/XNMxuc+NBYvpl4LKEYRc9EINY2QhbAB2ZQVU8hcVriQrVmxhmzOijlklmBBWKjZsLBBXfPC3KUJhbFN+JVsDeg4nu97Dv6tbc9mdhuKzup4ezP1vh1XHZR6+4iSaN9Dzn5S8bSROVEjQCagRoDM8E7FY4hcdycoEbsuStbycBVMiethaUHRGkwmgxZ+9AGEGjcbt4FpYwAAAABJRU5ErkJggg==');

}
.common_user_menu_box .common_user_menu .favorites .common_user_menu_item_icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IArs4c6QAAAGZQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcGyU1gAAACF0Uk5TAAwWJC8xOj1FVltcYWdvfoCboKa0uLvCxsfm8fL7/P3+IHUHowAAAJpJREFUKM+10scWgyAQBdBn10QFe0lU+P+fzMIMsQyebHwr4B5gKMB9iYU8RMTGNBNSwaH4ojQjTWOa8oRhaMcWaK0YAZEFxxIAyvGEXRI4dDInSLodzs/tpTzm/bJL+rN0Oe6pMrJMMQW5a8/lqn3RzDeDPWHPYAH4de0DBYO5VymtVeXlDA7TWsk0WF5lE/nPY19+k8sPdkM+H0wrj22jbZQAAAAASUVORK5CYII=');

}
.common_user_menu_box .common_user_menu .favorites:hover .common_user_menu_item_icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IArs4c6QAAAGZQTFRFAAAA/yoq8y4u8Ssr9Csr9Soq8iws8ioq8Cws8Coq8Soq8Soq8ioq8Coq8Skp8Ssr8Soq8Ckp8Skp8Skp8Skp8Soq8Coq8Soq8Skp8Skp8Skp8Ckp8Ckp8Soq8Skp8Skp8Skp8Ckp+7jw3QAAACF0Uk5TAAwWJC8xOj1FVltcYWdvfoCboKa0uLvCxsfm8fL7/P3+IHUHowAAAJpJREFUKM+10scWgyAQBdBn10QFe0lU+P+fzMIMsQyebHwr4B5gKMB9iYU8RMTGNBNSwaH4ojQjTWOa8oRhaMcWaK0YAZEFxxIAyvGEXRI4dDInSLodzs/tpTzm/bJL+rN0Oe6pMrJMMQW5a8/lqn3RzDeDPWHPYAH4de0DBYO5VymtVeXlDA7TWsk0WF5lE/nPY19+k8sPdkM+H0wrj22jbZQAAAAASUVORK5CYII=');

}
.common_user_menu_box .common_user_menu .logout .common_user_menu_item_icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAtVJREFUSEut1lnIpmMYB/DfWEayDQ1GNE2yNORASRxYwkgi68HEiByILDUhEkUUDgxZcoAUImEaInFiyYmMAztxQKJsByQTJqP/1/1MV4/3fZ9nvs919L73tfyf+1r+173I/OQOXIN3cB42jQ2zaKxhsTsA35b/F+OJsXHmA3gEPiwAa3Hf/wW4DLvhyxJwCPAU/IW3J33ErBtehMewI27DrS3ALMCHcXmzuxfXYksFngZ4BR5Cp/8e+48A/AbLC8DTuAR/d2eTAM/Hc710PI5LRwDejNt7vqlv6jwnfcCl+BR7F6cXcEGrS46Hang97i6xk9KT8OYkwCexpoA928D+2YamiemVeLD4fI2DsbneMLf6rjVJbPP7cPzaS9HQDTvzV3B68T0LL1XAq3F/MUjNUru+jAU8qDdOL+LsCvgGTmzR/8C++H0BgHHNLB7XYmzGrhUwdBXairyG0yaA5egwfFJ04dQHptjegLuK7pAOcAf8ie2a8hFcNiXIYnyBFW2+jupRXXVbjWfKwaoOMOPwU1GkrW+cApjjfXAG3sNHM+xW4fWiX90B5mbhv+2bsg76jHiDqgvxVLE6udYw9LVfU+bLjx4MN2yQ+qWOnaysgGGUc5sm7JAGykcsRD7HoS3Az1hWAbMd6iK9B9ctAO3MDHrxnytTBVyCUNAezShdeyQ+mwfoLni/3C4hMuNv9ck7nXlnAfgKx+CXbQBN4z0fVik+r3Y01wfcGR80ou3sAxoezBYZkmQphH9qMcwDK7M65z9pH6bI75bUxi7pzUJe10i9D7w78pi6pbfaYpfhz0fMybSNfwI2IF9cJd27sVHbj01/II5HGKhKVlqaLk+NrTLrTZP9FYZfOZTHCfrfkKF/ua8beibuhKtwE/YaAZyN8Gh7cP0wyX4IsPNJjcKd5+DYtrpC+ElxOvjjVoL1vUfyfzDHAvYdw717Iqnb+iIbkQH/AufGkFHi3GOdAAAAAElFTkSuQmCC');

}
.common_user_menu_box .common_user_menu .logout:hover .common_user_menu_item_icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IArs4c6QAAAV9QTFRFAAAA/////4CA/1VV/0BA/zMz/yoq/0lJ/zk5/y4u/yoq/zc3/zMz/zAw8jY28jMz8zEx8y4u9Cws9Coq9TEx9i8v9i4u9iws8Ssr8Skp8i4u8i0t8yws8ysr9C0t9Cws8ykp8y0t8yws8ysr8Ckp8Cws8iws8isr8isr8ysr8Ckp8Ssr8Ssr8Soq8Skp8Ssr8ioq8ioq8Ckp8Ssr8Soq8Skp8Ssr8Ssr8ioq8ikp8Csr8Csr8Skp8Soq8Ssr8Ckp8Csr8Coq8Soq8Skp8Skp8Soq8Coq8Ckp8Coq8Soq8Soq8Soq8Ssr8Coq8Coq8Ckp8Coq8Soq8Soq8Soq8Soq8Skp8Coq8Ckp8Soq8Soq8Soq8Skp8Soq8Soq8Ckp8Coq8Coq8Ckp8Skp8Skp8Skp8Skp8Soq8Coq8Ckp8Ckp8Ckp8Coq8Ckp8Skp8Soq8Soq8Soq8Skp8Skp8Skp8Ckpg+y36QAAAHR0Uk5TAAECAwQFBgcJCwwODxATFBUWFxgaGxwdJCUnKCkqLS4+P0BCREVMTU5UV1haW11eYWJpa21vcHFzdXd4fICEiImMjY6Pl5manp+jpairrK2vsLW2uLm7v8LK1tja29/h4+Tl5urr7e/w8fL19vj5+vv8/f5aw+6KAAABRElEQVQoz3XSVzsDURSF4SVEJzrRe++il+i9d6KFIEokzPf/HxczxmTCvtpnvxf7rPMcyVlzr0fZ+qcqgIH/sB4Y+2Ne6ndga2OS9ceZtXEFltJ+bdiAextvgS3vj3UBrNs4A7BsmS8C7Gb+7pw0wGg2cRPY9jhvOwLcZEhSURzC+clRDoFOSQoAg66cVcCBJJ3BW677Ec4hkSXpDo7NSR0QMNspwC9lfMGaOcm8Id5gtj1Aq+QDglao4qF6q2sDuiXPJ6ynvHUf0CLpAS5SMAjUSNoDo8yNIXhMl9QPLLisA2tXQRRitUmWEwKaJEnTwHWhw9L3gSOzz74CrutsKzgB3n/O1VEgtlguScoLRDBDWtX0DGBcbMyvnn4AfI07tvgvcdZLe9L9siaebEqslLhj5/XuhBMYj2ejlX//ak+h13n8BpchdY/iCka4AAAAAElFTkSuQmCC');

}
.common_user_menu_box .common_user_menu .common_user_menu_item {
    display: flex;
    height: 30px;
    cursor: pointer;
}
.common_user_menu_box .common_user_menu .common_user_menu_item .common_user_menu_item_text {
    color: #252525;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 7px;
}
.common_user_menu_box .common_user_menu .common_user_menu_item:hover .common_user_menu_item_text {
    color: #F02929;
}

.st-list:before {
    display: none;
}

.st-list .nav-course-div a, .st-list .nav-course-div span.placeholder {
    width: 49%;
    height:40px;
    line-height: 40px;
    border-radius: 20px;
    margin-top:14px;
    text-align:justify;
    box-sizing:border-box;
    font-size:16px;
    color:#252525;
    background:rgba(201, 21, 35, 1) linear-gradient(90deg, rgba(201, 21, 35, 1), rgba(165, 50, 125, 1), rgba(80, 100, 170, 1), rgba(93, 179, 217, 1));
    padding:1px;
    margin-left: auto;
    margin-right: auto;
}
.st-list .nav-course-div a span{
    background:#fff;
    width: 100%;
    height:100%;
    line-height:38px;
    box-sizing: border-box;
    display:block;
    border-radius: 20px;
    padding-left: 30px;
}
.st-list .nav-course-div a:hover{
    background:#DD1313;
}
.st-list .nav-course-div a:hover span{
    background:#DD1313;border-color:#DD1313;color:#fff;
}
.st-list{
    background: none;
    top: 10px;
}
.st-list2 a{
    padding-left: 0;
}
.st-list-bg{
    width: 100%;
    box-sizing: border-box;
}
.st-list a,.st-list a:link{
    color: #535353;
    line-height: 34px;
    font-size: 14px;
    text-align: left;
}
.st-list a:hover{
    background: none;
    color: #DD1313;
}
.st-list-bg {
    position: absolute;
    top: 0;
    padding:7px 0;
    background: #fff;
    border-radius: 5px;
    width: 98px;
    border:1px solid #eaeaea;
}
.course-st-list-bg{
    padding:30px 0;
    box-shadow: 0px 20px 15px 0px rgba(0, 0, 0, 0.04), 0px 13px 14px 0px rgba(0, 0, 0, 0.08), 0px 7px 12px 0px rgba(0, 0, 0, 0.06);
    background:#fff url('/static/2021/imgs/common/nav_course_bg.png') left bottom no-repeat;
    background-size:518px;
    width: 100%;
}

.course-st-list-bg .lis1{
    width: 50%;
}
.course-st-list-bg .lis2{
    width: 50%;
}
.course-st-list-bg .lis3{
    width: 25%;
}
.course-st-list-bg .lis4{
    width: 25%;
}
.course-st-list-bg .lis1 h6{
    background:url('/static/2021/imgs/common/nav_course_icon1.png') left center no-repeat;background-size:24px;padding-left:26px;
}
.course-st-list-bg .lis1 h6.secTit{
    margin-top: 31px;
    background:url('/static/2021/imgs/common/nav_course_icon5.png') left center no-repeat;background-size:21px;padding-left:26px;
}

.course-st-list-bg .lis1 h6.secTit1{
    background:url('/static/2021/imgs/common/nav_course_icon2.png') left center no-repeat;
    background-size:24px;
    padding-left: 26px;
    margin-left: 4px;
}

.course-st-list-bg .lis1 h6.secTit2{
    margin-top: 31px;
    background:url('/static/2021/imgs/common/nav_course_icon1.png') left center no-repeat;background-size:24px;padding-left:26px;
}

.course-st-list-bg .lis2 h6{
    background:url('/static/2021/imgs/common/nav_course_icon2.png') left center no-repeat;background-size:24px;padding-left:26px;
}

.course-st-list-bg .lis2 h6.secTit1{
    background:url('/static/2021/imgs/common/nav_course_icon3.png') left center no-repeat;
    background-size:24px;
    padding-left:26px;
    margin-left: 4px;
}


.course-st-list-bg .lis3 h6{
    background:url('/static/2021/imgs/common/nav_course_icon3.png') left center no-repeat;background-size:24px;padding-left:26px;
}

.course-st-list-bg .lis3 h6.secTit1{
    background:url('/static/2021/imgs/common/nav_course_icon8.png') left center no-repeat;background-size:24px;padding-left:26px;
}

.course-st-list-bg .lis4 h6{
    background:url('/static/2021/imgs/common/nav_course_icon6.png') left center no-repeat;background-size:24px;padding-left:26px;
}
.course-st-list-bg .lis4 h6.secTit1{
    background:url('/static/2021/imgs/common/nav_course_icon7.png') left center no-repeat;background-size:24px;padding-left:26px;
}

.course-st-list-bg .lis4 h6.secTit2{
    /*margin-top: 31px;*/
    background:url('/static/2021/imgs/common/nav_course_icon1.png') left center no-repeat;background-size:24px;padding-left:26px;
}

.nav-course-div{
    /*加一项54*/
    height:242px;
    float: left;
    padding: 0 12px 0;
    box-sizing: border-box;
    position: relative;
    word-wrap: break-word;
}
.nav-course-div:before{
    content:'';width: 1px;height: 100%;position: absolute;right:0;top:0;background:#EAEAEA
}
.nav-course-div:last-child:before{
    background:none;
}
.nav-course-div h6{
    font-weight: bold;font-size:16px;line-height: 24px;color:#252525;margin-bottom:6px;
}
.course-st-list{
    width: 1200px;
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    margin-left: auto;
    margin-right: auto;
}
.course-st-list:before{
    left:130px;
}
.flex {
    display: flex;
}
.flex-wrap {
    flex-wrap: wrap;
}
.justify-center {
    justify-content: center;
}